<!DOCTYPE html>
<!-- saved from url=(0023)http://hy.yungoucms.cn/ -->
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!--<base href="/">-->
  <base href=".">

  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="renderer" content="webkit">
  <title>云购海外版</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <link href="./all/comm.css" rel="stylesheet" type="text/css">
  <link href="./云购海外版_files/index.css" rel="stylesheet" type="text/css">
  <link href="./云购海外版_files/zdy.css" rel="stylesheet" type="text/css">
  <link href="./云购海外版_files/reset.css" rel="stylesheet" type="text/css">
  <link href="./云购海外版_files/animate.css" rel="stylesheet" type="text/css">
  <link href="./云购海外版_files/style.css" rel="stylesheet" type="text/css">
  <link href="./云购海外版_files/main.css" rel="stylesheet" type="text/css">
  <script src="./云购海外版_files/lodash.js"></script>
  <script src="./云购海外版_files/swiper.min.js"></script>
  <script src="./云购海外版_files/countdown.js"></script>
  <script src="./云购海外版_files/jquery190.js" language="javascript" type="text/javascript"></script>
  <script src="./云购海外版_files/layer.js" type="text/javascript"></script>
  <link href="./云购海外版_files/layer.css" type="text/css" rel="styleSheet" id="layermcss">
  <script>
    var Gobal = new Object();

    Gobal.Webpath = "http://hy.yungoucms.cn/?";

    var DuoBao = {};
    var __data__ = (function () {
      return JSON.parse('{}');
    })();
    var __user__ = (function () {
      return JSON.parse('{}');

    })();
    var __touchorclick__ = (function () {
      if ('ontouchend' in document)
        return 'touchend';
      else
        return 'click';
    })();
  </script>
  <!-- 内页顶部 -->
  <style>
    /*联系客服*/
    .scwz {
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.48);
      z-index: 9999;
    }

    .mint-popup-wechat {
      border-radius: 8px;
      width: 100%;
      line-height: 0;
      background: none;
      top: 40%;
      text-align: center;
      max-width: 750px;
    }

    .mint-popup {
      position: fixed;
      top: 41%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: .2s ease-out;
    }

    /*20160615公告滚动*/
    .shell {
      background-image: url(./all/tit.png);
      background-repeat: no-repeat;
      background-position: 5px 8px;
      background-size: 73px 16px;
      width: 96%;
      margin: 0 auto;
      background-color: #FFFFFF;
      border-radius: 5px
    }

    .shell img {
      width: 73px;
      height: 16
    }

    #div1 {
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      padding-left: 90px;
    }

    #div1 a {
      width: 100%;
      float: left;
      color: #333333;
      font-size: 14px;
      text-indent: 8px;
    }

    /*滚动结束*/
    .m-joinNum {
      color: #3c3c3c;
      font-family: "Microsoft Yahei";
      text-align: center;
    }

    .qian {
      padding-right: 5px;
      float: left;
      line-height: 32px;
      font-size: 18px;
      font-weight: bold;
    }

    .m-joinNum span {
      display: inline-block;
      color: #545454;
    }

    .m-joinNum span.tnum {
      margin: 0 3px;
      width: 24px;
      height: 30px;
      overflow: hidden;
      font-size: 28px;
      line-height: 30px;
      font-family: "Arial";
      background-position: 0 -30px;
      font-weight: bold;
      text-align: center;
      color: #db3652;
    }

    .m-joinNum span.tnum {
      background-image: url('./all/mix-icon.png');
      background-repeat: no-repeat;
    }

    .m-joinNum span {
      display: inline-block;
      color: #545454;
    }

    .tnum ul li {
      font-size: 20px;
    }

    .hou {
      padding-left: 5px;
      float: right;
      line-height: 32px;
      font-size: 18px;
      font-weight: bold;
    }

    .accumulative-number {
      width: 100%;
      margin: 0 auto;
      height: 40px;
      color: #cccccc;
      line-height: 40px;
      text-align: center;
    }

    .buy-container {
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.48);
      z-index: 9999;
    }

    .mask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .2);
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 800;
      display: none;
    }

    .buy-content {
      background: #fff;
      z-index: 999;
      width: 80%;
      padding: 5px 20px 20px;
      font-size: 13px;
      margin: 200px auto;
      border-radius: 10px;
    }

    .buy-title {
      text-align: center;
    }

    .buy-title h3 {
      font-weight: bold;
      margin: 0;
      padding: 15px 5px;
      border-bottom: 1px solid #eee;
    }

    .buy-txt {
      margin-bottom: 20px;
      margin-top: 10px;
    }

    .buy-txt p {
      line-height: 20px;
    }

    .buy-txt a {
      text-decoration: none;
      color: #dc332d;
    }

    .buyy-btn {
      text-align: center;
    }

    .buyy-btn a {
      display: inline-block;
      text-decoration: none;
      color: #fff;
      padding: 5px 40px;
      font-size: 12px;
      border-radius: 10px;
      background: #87C007;
    }

    .m-tt1 {
      margin: 0;
      background: #FFF;
      overflow: hidden;
      border-bottom: 1px solid rgba(246, 246, 246, 0.8);
    }

    .m-tt1 a {
      width: 100%;
      display: block;
      color: #999;
      font-size: 1.3rem;
      padding-left: 5px;
    }

    .m-tt1 h2 {
      width: 100%;
      margin: 0;
      line-height: 32px;
      font-size: 14px;
      font-weight: normal;
    }

    .m-tt1 .z-arrow {
      width: 8px;
      height: 8px;
      border-width: 1px 1px 0 0;
      float: right;
      margin-top: 10px;
      margin-right: 10px;
    }

    #published .lott-list {
      overflow: hidden;
    }

    #divLottery {
      background: #fff;
      display: block;
    }

    #divLottery::after {
      content: "";
      width: 100%;
      height: 0px;
      clear: both;
      display: block;
    }

    #divLottery li {
      float: left;
      font-size: 14px;
      height: 124px;
      box-sizing: border-box;
      border-right: 1px solid rgba(246, 246, 246, .7);
      overflow: hidden;
    }

    #divLottery li a {
      position: relative;
      display: block;
    }

    #divLottery li a.limit::before {
      content: '';
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      bottom: 0;
      right: 0;
      background: transparent url("/images/cat_mark.png") no-repeat;
      background-size: 35px;
      background-position: 0 -35px;
    }

    #divLottery li a.double::before {
      content: '';
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      bottom: 0;
      right: 0;
      background: transparent url("/images/cat_mark.png") no-repeat;
      background-size: 35px;
      background-position: 0 0;
    }

    #divLottery li a.three::before {
      content: '';
      display: block;
      position: absolute;
      width: 35px;
      height: 34px;
      bottom: 0;
      right: 0;
      background: transparent url("/images/cat_mark.png") no-repeat;
      background-size: 35px;
      background-position: 0 -71px;
    }

    #divLottery li a.lottery::before {
      content: '';
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      bottom: 0;
      right: 0;
      background: transparent url("/images/cat_mark.png") no-repeat;
      background-size: 35px;
      background-position: 0 -106px;
    }

    #divLottery li img {
      width: 70px;
      height: 70px;
      display: block;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 4px;
    }

    #divLottery li p {
      color: #999;
      text-align: center;
      margin: 0 auto;
    }

    #divLottery .u-user a {
      overflow: hidden;
      display: block;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    #divLottery .m-lott-state {
      margin: 4px 0 10px;
    }

    #divLottery .m-lott-state .u-time {
      padding: 4px;
      border: 1px solid #eee;
      border-radius: 10px;
    }

    #divLottery .m-lott-state {
      text-align: center;
      font-size: 14px;
    }

    #divLottery .m-lott-pic {
      margin: 4px auto;
      width: 70px;
    }

    .top-wx {
      background: #373b3e;
      color: #fff;
      padding: 0.8rem 1rem;
      width: 100%;
      overflow: auto;
      display: none;
    }

    .top-wx .wx-left {
      float: left;
    }

    .top-wx .wx-left img {
      border-radius: 100px;
      width: 36px;
    }

    .top-wx .wx-com {
      text-align: center;
      font-size: 1.5rem;
      line-height: 36px;
    }

    .top-wx .wx-right {
      float: right;
    }

    .top-wx .wx-right a {
      font-size: 2.1rem;
      color: #fff;
      width: 36px;
      height: 36px;
      display: block;
      text-align: right;
    }

    .piaowx {
      position: fixed;
      top: 0;
      background: rgba(0, 0, 0, 0.7);
      z-index: 199999999;
      height: 100%;
      width: 100%;
      text-align: center;
      display: none;
    }

    .piaowx img {
      width: 70%;
      display: inline-block;
    }

    /*轮播*/

    .swiper-slide video {
      width: 100%;
    }

    .video_btn {
      display: inline-block;
      position: absolute;
      bottom: 10vw;
      width: 85%;
      height: 15vw;
      line-height: 15vw;
      border-radius: 90px;
      left: 8%;
      background: #37F7E5;
      text-align: center;
      font-size: 4vw;
      color: black;
      text-decoration: none;
    }

    /*.swiper-container {
	overflow: visible!important;
}*/

    .swiper-container .swiper-wrapper .swiper-slide {
      position: relative;
      width: 100%;
      border-radius: 20px;
    }

    .swiper-container .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: auto;
    }

    .swiper-container .swiper-wrapper .swiper-slide-active {
      width: 100%;
    }

    .swiper-pagination {
      bottom: .5rem !important;
    }

    < !-- .swiper-pagination .swiper-pagination-bullet {
      -->< !-- width: 12px;
      -->< !-- height: 12px;
      -->< !-- background: #ff1e1e;
      -->< !--
    }

    -->< !-- .swiper-pagination .swiper-pagination-bullet-active {
      -->< !-- width: 21px;
      -->< !-- height: 12px;
      -->< !-- background: #e75230;
      -->< !-- border-radius: 6px;
      -->< !--
    }

    -->.swiper-container .swiper-wrapper .swiper-slide .play_btn {
      z-index: 99;
      position: absolute;
      width: 12%;
      height: auto;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      margin: auto;
    }
  </style>
  <link rel="stylesheet" href="./云购海外版_files/layer(1).css" id="layuicss-layer">
</head>

<body style="zoom: 1;">
  <!-- 置顶 -->
  <div class="top-wx">
    <div class="wx-left"><img src="./云购海外版_files/web_logo.png"></div>
    <div class="wx-right"><a id="" href="javascript:void(0)">x</a></div>
    <div class="wx-com">Roof placement云购海外版</div>
  </div>
  <div class="piaowx"><img src="./云购海外版_files/topwx.png"></div>
  <!-- 置顶 -->
  <div class="container" style="position: relative;top: 0px; clear: both;">
    <main class="db-main db-main-index">
      <!-- 焦点图 -->
      <div class="swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper">
          <div class="swiper-slide swiper-slide-active" style="width: 640px;">
            <a href="http://hy.yungoucms.cn/"><img src="./云购海外版_files/45034150176408.jpg"> </a>
          </div>
          <div class="swiper-slide swiper-slide-next" style="width: 640px;">
            <a href="http://hy.yungoucms.cn/"><img src="./云购海外版_files/75670698176417.jpg"> </a>
          </div>
          <div class="swiper-slide" style="width: 640px;">
            <a href="http://hy.yungoucms.cn/"><img src="./云购海外版_files/66281312176445.jpg"> </a>
          </div>

        </div>
        <div class="swiper-pagination swiper-pagination-clickable"><span
            class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span
            class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
      </div>
      <script>
        $(function () {
          var mySwiper = new Swiper('.swiper-container', {
            autoplay: 5000, //可选选项，自动滑动
            pagination: '.swiper-pagination',
            paginationClickable: true,
            onTouchMove: function (swiper) {
              $(".play_btn").show();
              for (var i = 0, L = $("video").length; i < L; i++) {
                $("video")[i].pause();
              }
            }
          })

          $(".play_btn").click(function () {
            $(this).hide();
            $(this).next()[0].play();
            // $(this).next()[0].controls = true; 
            mySwiper.stopAutoplay();
            $(this).next()[0].onended = function () {
              $(".play_btn").show();
              mySwiper.startAutoplay();
            }
          });
        });
      </script>
      <div class="newnav">
        <input type="hidden" id="Facebook" value="https://www.facebook.com">
        <input type="hidden" id="Line" value="Array">
        <ul>
          <li navid="22"> <a href="JavaScript:;">
              <div class="newnavicon"><img src="./云购海外版_files/54677915176017.png"></div>
              <div class="newnavfont">
                Tutorial </div>
            </a> </li>
          <li navid="26"> <a href="http://hy.yungoucms.cn/?/mobile/invite/friends">
              <div class="newnavicon"><img src="./云购海外版_files/80107839176179.png"></div>
              <div class="newnavfont">
                Invite </div>
            </a> </li>
          <li navid="23"> <a href="http://hy.yungoucms.cn/?/mobile/shaidan">
              <div class="newnavicon"><img src="./云购海外版_files/61381387176063.png"></div>
              <div class="newnavfont">
                Share </div>
            </a> </li>
          <li navid="29"> <a href="https://direct.lc.chat/12223629/">
              <div class="newnavicon"><img src="./云购海外版_files/43809531176298.png"></div>
              <div class="newnavfont">
                GetApp </div>
            </a> </li>
          <li navid="20"> <a href="javascript:;">
              <div class="newnavicon"><img src="./云购海外版_files/70470187176346.png"></div>
              <div class="newnavfont">
                FaceBook </div>
            </a> </li>
        </ul>
      </div>
      <div class="zxjx">
        <div class="zxjx_1" style="position: relative;"> <i></i>
          <div id="demo" style="overflow:hidden;height:30px;width:80%;line-height: 30px;">
            <marquee scrolldelay="300" scrollamount="10">
              <font color="#f60" style="font-size:15px">HOT! Khuyến mãi 1,5% khi nạp tiền mua sắm cùng LuckyShop! Hãy
                đăng ký ngay và giới thiệu bạn bè cùng tham gia mua sắm nhận ngay khuyến mãi 5%.!
                Nạp và rút tiền dễ dàng qua MoMo, Zalopay, Viettelpay, card điện thoại, online banking, chuyển khoản
                ngân hàng, Bank QR code!</font>
            </marquee>
            <div id="demo2"></div>
          </div>
          <a href="http://hy.yungoucms.cn/?/mobile/mobile/gonggao">
            <div id="notice_log">more</div>
          </a>
        </div>
        <section id="published" style="border-top: solid 10px #f2f2f2;">
          <div class="m-tt1">
            <h2><a href="http://hy.yungoucms.cn/?/mobile/mobile/lottery/auto_lottery">Latest announcement<b
                  class="z-arrow"></b></a></h2>
          </div>
          <article class="lott-list" style="height: 124px;">
            <ul id="divLottery">
              <li style="width:25%;">
                <div class="m-lott-pic"> <a class="" href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2099"> <img
                      src="./云购海外版_files/74455580250569.png" border="0" alt="测试"> </a> </div>
                <p>Prize winner</p>
                <div class="m-lott-state"> <span class="u-user"> <a
                      href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2099" class="orange">测试c</a> </span>
                </div>
              </li>
              <li style="width:25%;">
                <div class="m-lott-pic"> <a class="" href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2098"> <img
                      src="./云购海外版_files/74455580250569.png" border="0" alt="测试"> </a> </div>
                <p>Prize winner</p>
                <div class="m-lott-state"> <span class="u-user"> <a
                      href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2098" class="orange">测试c</a> </span>
                </div>
              </li>
              <li style="width:25%;">
                <div class="m-lott-pic"> <a class="" href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2097"> <img
                      src="./云购海外版_files/74455580250569.png" border="0" alt="测试"> </a> </div>
                <p>Prize winner</p>
                <div class="m-lott-state"> <span class="u-user"> <a
                      href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2097" class="orange">测试c</a> </span>
                </div>
              </li>
              <li style="width:25%;">
                <div class="m-lott-pic"> <a class="" href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2092"> <img
                      src="./云购海外版_files/goods.jpg" border="0" alt="test"> </a> </div>
                <p>Prize winner</p>
                <div class="m-lott-state"> <span class="u-user"> <a
                      href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/2092" class="orange">测试c</a> </span>
                </div>
              </li>
              <li style="width:25%;">
                <div class="m-lott-pic"> <a class="" href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/1"> <img
                      src="./云购海外版_files/goods.jpg" border="0" alt="test"> </a> </div>
                <p>Prize winner</p>
                <div class="m-lott-state"> <span class="u-user"> <a
                      href="http://hy.yungoucms.cn/?/mobile/mobile/dataserver/1" class="orange">测试c</a> </span> </div>
              </li>
            </ul>
          </article>
        </section>
      </div>
      <div class="tabs-wrap" style="min-height:1000px;">
        <nav class="nav-wrapper" id="goodsNav">
          <div class="nav-inner">
            <ul class="nav-list clearfix" id="ulOrder">
              <li class="current" order="40"><a href="javascript:;"><span>Like</span></a></li>
              <li order="20"><a href="javascript:;"><span>Newest</span></a></li>
              <li order="30"><a href="javascript:;"><span>Value</span></a></li>
              <li order="10"><a href="javascript:;"><span>Speed</span></a></li>
            </ul>
          </div>
          <!--点击添加或移除current-->
          <div class="select-btn" id="divSort"> <span class="select-icon"> <i></i><i></i><i></i><i></i>
            </span>&nbsp;Category</div>
          <div class="select-btn" id="btnsearch"
            onclick="window.location.href =&#39;http://hy.yungoucms.cn/?/mobile/mobile/search&#39;"> <span
              class="select-icon"></span> <span>Search</span> </div>
          <!--分类-->
          <div style="display: none;" class="select-total">
            <ul class="sort_list">
              <li class="special" sortid="0"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/0">All
                  merchandise</a>
                <input id="chk0" class="cateChk" type="checkbox" name="0" value="0">
                <label for="chk0"></label>
              </li>
              <li sortid="154"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/154"> 123</a>
                <input id="chk154" class="cateChk" type="checkbox" name="cateChk" value="154">
                <label for="chk154"></label>
              </li>
              <li sortid="155"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/155"> 222</a>
                <input id="chk155" class="cateChk" type="checkbox" name="cateChk" value="155">
                <label for="chk155"></label>
              </li>
              <li sortid="156"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/156"> </a>
                <input id="chk156" class="cateChk" type="checkbox" name="cateChk" value="156">
                <label for="chk156"></label>
              </li>
              <li sortid="157"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/157"> </a>
                <input id="chk157" class="cateChk" type="checkbox" name="cateChk" value="157">
                <label for="chk157"></label>
              </li>
              <li sortid="159"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/159"> </a>
                <input id="chk159" class="cateChk" type="checkbox" name="cateChk" value="159">
                <label for="chk159"></label>
              </li>
              <li sortid="160"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/160"> </a>
                <input id="chk160" class="cateChk" type="checkbox" name="cateChk" value="160">
                <label for="chk160"></label>
              </li>
              <li sortid="161"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/161"> </a>
                <input id="chk161" class="cateChk" type="checkbox" name="cateChk" value="161">
                <label for="chk161"></label>
              </li>
              <li sortid="162"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/162"> </a>
                <input id="chk162" class="cateChk" type="checkbox" name="cateChk" value="162">
                <label for="chk162"></label>
              </li>
              <li sortid="165"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/165"> </a>
                <input id="chk165" class="cateChk" type="checkbox" name="cateChk" value="165">
                <label for="chk165"></label>
              </li>
              <li sortid="167"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/167"> </a>
                <input id="chk167" class="cateChk" type="checkbox" name="cateChk" value="167">
                <label for="chk167"></label>
              </li>
              <li sortid="168"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/168"> </a>
                <input id="chk168" class="cateChk" type="checkbox" name="cateChk" value="168">
                <label for="chk168"></label>
              </li>
              <li sortid="169"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/169"> </a>
                <input id="chk169" class="cateChk" type="checkbox" name="cateChk" value="169">
                <label for="chk169"></label>
              </li>
              <li sortid="171"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/171"> </a>
                <input id="chk171" class="cateChk" type="checkbox" name="cateChk" value="171">
                <label for="chk171"></label>
              </li>
              <li sortid="173"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/173"> </a>
                <input id="chk173" class="cateChk" type="checkbox" name="cateChk" value="173">
                <label for="chk173"></label>
              </li>
              <li sortid="174"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/174"> </a>
                <input id="chk174" class="cateChk" type="checkbox" name="cateChk" value="174">
                <label for="chk174"></label>
              </li>
              <li sortid="175"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/175"> </a>
                <input id="chk175" class="cateChk" type="checkbox" name="cateChk" value="175">
                <label for="chk175"></label>
              </li>
              <li sortid="176"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/176"> </a>
                <input id="chk176" class="cateChk" type="checkbox" name="cateChk" value="176">
                <label for="chk176"></label>
              </li>
              <li id="myCollect"> <a href="http://hy.yungoucms.cn/?/mobile/mobile/glist/101">PK zone</a> </li>
              <li id="myCollect"> <a href="http://hy.yungoucms.cn/?/mobile/home/mycollect">My collection</a> </li>
            </ul>
            <div id="add-All">
              <p id="catUp"></p>
              <p id="addCat">One click Add</p>
            </div>
          </div>
        </nav>
        <div class="goodsList" style="clear: both;">
          <div id="divGoodsLoading" class="loading" style="display:none;height: 80px;"> </div>
          <a id="btnLoadMore" class="loading" href="javascript:;" style="display:none;border: none!important;"> <i
              class="jiazai"></i> Loading... </a>
          <a id="btnLoadMore2" class="loading" style="display: block; padding-top: 0px;">——————　I have a bottom
            line　——————</a>
          <a id="btnLoadMore3" class="loading" style="display:none; padding-top: 0px;">——————　I have a bottom
            line　——————</a>
        </div>
      </div>
      <input id="urladdress" value="" type="hidden">
      <input id="pagenum" value="" type="hidden">
    </main>
    <script src="./云购海外版_files/main.js"></script>
    <script src="./云购海外版_files/layer.js(1)"></script>
  </div>
  <input type="hidden" id="Facebook" value="https://www.facebook.com">
  <input type="hidden" id="Line" value="Array">
  <input type="hidden" id="WhatsApp" value="">
  <style>
    .footerdi .f_home a.cur i {
      background-position: 0 -112px !important;
    }

    .footerdi .f_whole a.cur i {
      background-position: 0 -222px !important;
    }

    .footerdi .f_jiexiao a.cur i {
      background-position: 0 -169px !important;
    }

    .footerdi .f_car a.cur i {
      background-position: 0 1px !important;
    }

    .footerdi .f_personal a.cur i {
      background-position: 0 -57px !important;
    }

    #btnGotoTop {
      padding: 0;
      width: 40px;
      height: 40px;
      border-radius: 40px;
      background: rgba(0, 0, 0, .6);
      box-shadow: 0 1px 8px #666;
      position: fixed;
      right: 8px;
    }

    #btnGotoTop .s1 {
      background: url(./all/fast-nav-new.png) 0 -163px no-repeat;
      background-size: 21px auto;
      margin: 9px auto;
      display: block;
      width: 21px;
      height: 21px;
    }

    .smailnav {
      position: fixed;
      right: 0px;
      bottom: 55px;
      z-index: 99999999;
      height: auto;
    }

    #top_div {
      display: none;
      width: 40px;
      height: 80px;
      opacity: 0.8;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
    }

    #top_div1 {
      display: block;
      width: 40px;
      height: 40px;
      background: #242424;
      opacity: 0.8;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
    }

    #btnGotoTop3 {
      display: none;
      width: 100px;
      position: absolute;
      right: 0;
      top: -209px;
      padding: 0 10px;
      background: #242424;
      opacity: 0.7;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
    }

    #btnGotoTop3 a {
      display: block;
      height: 40px;
      line-height: 40px;
      width: 100%;
      padding: 0;
      color: #fff;
      clear: both;
    }

    #btnGotoTop3 .xb {
      display: block;
      width: 10px;
      height: 10px;
      background: #242424;
      border-left: 1px solid #242424;
      border-top: 1px solid #242424;
      -webkit-transform: rotate(45deg);
      position: absolute;
      bottom: -5px;
      right: 10px;
    }

    #btnGotoTop3 a i {
      background: url(./all/fast-nav-new.png) 0 0px no-repeat;
      width: 20px;
      height: 20px;
      margin: 10px 5px 0 0;
      display: block;
      vertical-align: middle;
      float: left;
      position: relative;
      background-size: 25px;
      left: 2px;
    }

    #btnGotoTop3 a em {
      display: block;
      float: left;
      line-height: 42px;
    }

    #btnGotoTop3 .home {
      border-bottom: 1px solid #4b4b4b;
    }

    #btnGotoTop3 .home i {
      background-position: 0 1px;
      background-size: 28px auto;
      height: 22px;
    }

    #btnGotoTop3 .glist {
      border-bottom: 1px solid #4b4b4b;
    }

    #btnGotoTop3 .glist i {
      background-position: 0 -117px;
      background-size: 19px;
    }

    #btnGotoTop3 .lottry {
      border-bottom: 1px solid #4b4b4b;
    }

    #btnGotoTop3 .lottry i {
      background-position: 0 -35px;
      left: 0;
    }

    #btnGotoTop3 .user {
      border-bottom: 1px solid #4b4b4b;
    }

    #btnGotoTop3 .user i {
      background-position: 0 -113px;
    }

    #btnGotoTop3 .sx i {
      background-position: 0 -213px;
      background-size: 22px auto;
    }
  </style>
  <div style="height:60px;clear:both;"></div>
  <div class="footerdi" style="bottom: 0px;">
    <ul>
      <li class="f_home"> <a title="home page" href="http://hy.yungoucms.cn/" class="cur"> <i>&nbsp;</i> Home </a> </li>
      <li class="f_whole"> <a title="All goods" href="http://hy.yungoucms.cn/?/mobile/mobile/glist" class="">
          <i>&nbsp;</i> Goods </a> </li>
      <li class="f_jiexiao"> <a title="Latest announcement"
          href="http://hy.yungoucms.cn/?/mobile/mobile/lottery/auto_lottery" class=""> <i>&nbsp;</i> Announce </a> </li>
      <li class="f_car"> <a title="Shopping Cart" href="http://hy.yungoucms.cn/?/mobile/cart/cartlist" class=""> <i
            id="btnCart" style="position: relative;">&nbsp;</i> Cart </a> </li>
      <li class="f_personal"> <a title="My homepage" href="http://hy.yungoucms.cn/?/mobile/home" class=""> <i>&nbsp;</i>
          Personal </a> </li>
    </ul>
    <div class="smailnav">
      <div id="btnGotoTop3" class="smailgb" style="display: none;">
        <a class="home" href="http://hy.yungoucms.cn/">
          <i></i> <em>Home</em>
        </a>
        <a class="glist" href="http://hy.yungoucms.cn/?/mobile/mobile/glist">
          <i></i> <em>All goods</em>
        </a>
        <a class="lottry" href="http://hy.yungoucms.cn/?/mobile/mobile/lottery">
          <i></i>
          <em>Latest announcement</em>
        </a>
        <a class="user" href="http://hy.yungoucms.cn/?/mobile/user/login">
          <i></i>
          <em>My mall</em>
        </a>
        <a id="shuaxin" class="sx" href="javascript:location.reload()">
          <i></i>
          <em>Refresh</em>
        </a>
        <i class="xb"></i>
      </div>
      <div id="top_div" style="display: none;">
        <a id="btnGotoTop" href="javascript:;">
          <i class="s1"></i>
        </a>
      </div>
    </div>

    <script type="text/javascript">
      //返回顶部
      $(function () {
        $("#btnGotoTop").click(function () {
          $("html,body").animate({
            scrollTop: 0
          }, 1500);
        });
      });

      window.onscroll = function () {
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        var top_div = document.getElementById("top_div");
        var s = document.documentElement.scrollTop || document.body.scrollTop;
        //var top_div1 = document.getElementById("top_div1");
        if (t >= 200) {
          top_div.style.display = "block";
        } else {
          top_div.style.display = "none";
        }


      }


      function Show_Hidden(btnGotoTop3) {
        if (btnGotoTop3.style.display == "block") {
          btnGotoTop3.style.display = 'none';
        } else {
          btnGotoTop3.style.display = 'block';
        }
      }
    </script>
  </div>
  <!-- 联系客服 -->
  <div class="scwz" id="scwz" style="z-index: 2033;display:none;">
    <div class="mint-popup mint-popup-wechat"><img src="./云购海外版_files/qqkfewm.jpg"
        style="width: 70%; height: auto; display: inline-block;"></div>
  </div>
  <script type="text/javascript">

    //打开页面加载数据
    window.onload = function () {



      // init_json("list/40");
      //购物车数量
      // $.getJSON('http://hy.yungoucms.cn/?/mobile/ajax/cartnum', function (data) {
      //   if (data.num) {
      //     $("#btnCart").append('<em>' + data.num + '</em>');
      //   }
      // });

    }
    $(".newnav ul li:eq(4)").click(function () {
      layer.open({
        title: false,
        btn: ['', ''],
        success: function (layero) {
          layero.find('.layui-layer-btn').css({ 'text-align': 'center', "padding": "0 15px 40px", "display": "flex", "justify-content": " space-around" });
          layero.find('.layui-layer-btn0').css({ 'width': '50px', "height": "50px", "background": "url(http://hy.yungoucms.cn/statics/templates/teyunbao/images/fb_icon.png)", "background-size": "contain", "border": "0" });
          layero.find('.layui-layer-btn1').css({ 'width': '50px', "height": "50px", "background": "url(http://hy.yungoucms.cn/statics/templates/teyunbao/images/line_icon.png)", "background-size": "contain", "border": "0" });
        }, yes: function (index, layero) {
          window.location.href = $('#Facebook').val()
          layer.close(index);
        }, btn2: function (index, layero) {
          window.location.href = $('#Line').val()
        }
      });
    })
    $(".newnav ul li").click(function () {
      //var text=$(this).children().children('div:last-child').text();
      var text = $(this).attr('navid');
      if (text == 6) {
        $(".scwz").css('display', 'block');
      }
    })
    $(".scwz").click(function () {
      $(this).hide();
    })
    $("#firstimg").click(function (e) {
      $(this).hide();
      e.preventDefault();
    });

    //添加收藏 
    function collect(obj) {
      var thisobj = $(obj);
      var i = thisobj.attr('codeid');
      var typeid = '';
      if (thisobj.hasClass('current')) {
        thisobj.removeClass('current');
        typeid = 2;
      } else {
        thisobj.addClass('current');
        typeid = 1;
      }
      $.get('http://hy.yungoucms.cn/?/mobile/ajax/show_collect/' + i + '/' + typeid, function (data) {
        if (data == 1) {
          thisobj.removeClass('current');
          addsuccess("Please login first.");
        } else if (data == 2) {
          thisobj.removeClass('current');
          addsuccess("Incorrect parameters");
        } else if (data == 3) {
          addsuccess("Have been collected");
        } else if (data == 4) {
          thisobj.removeClass('current');
          addsuccess("There was a little accident");
        } else if (data == 5) {
          thisobj.removeClass('current');
          addsuccess("Cancelled");
        } else if (data == 6) {
          thisobj.removeClass('current');
          addsuccess("There was a little accident");
        }
      });
    }
    //一键添加
    $("#addAll").on('click', function () {
      var obj = document.getElementsByName("cateChk");
      var check_val = [];
      for (var k in obj) {
        if (obj[k].checked)
          check_val.push(obj[k].value);
      }
      if (check_val.length < 1) {
        addsuccess('Please select commodity classification');
        return;
      } else {
        $.getJSON('http://hy.yungoucms.cn/?/mobile/ajax/list_AddAll/' + check_val, function (data) {
          if (data.code == '0') {
            addsuccess("A total of " + data.Num + " items have been added");
            setTimeout(function () {
              window.location.href = "http://hy.yungoucms.cn/?/mobile/cart/cartlist";
            }, 2000);
          }

        });
      }

    })
    function addsuccess(dat) {
      $("#pageDialogBG .Prompt").text("");
      var w = ($(window).width() - 255) / 2,
        h = ($(window).height() - 45) / 2;
      $("#pageDialogBG").css({ top: h, left: w, opacity: 0.8 });
      $("#pageDialogBG").stop().fadeIn(1000);
      $("#pageDialogBG .Prompt").append('<s></s>' + dat);
      $("#pageDialogBG").fadeOut(1000);
    }
    //打开页面加载数据
    function init_json(parm) {
      $("#urladdress").val('');
      $("#pagenum").val('');
      $.getJSON('http://hy.yungoucms.cn/?/mobile/mobile/initajax/' + parm, function (data) {
        $("#divGoodsLoading").css('display', 'none');
        if (data[0].sum) {
          var fg = parm.split("/");
          $("#urladdress").val(fg[0] + '/' + fg[1]);
          $("#pagenum").val(data[0].page);
          for (var i = 0; i < data.length; i++) {
            var ul = '<ul><li>';
            ul += '<a href="http://hy.yungoucms.cn/?/mobile/mobile/item/' + data[i].id + '"><span id="' + data[i].id + '" class="z-Limg" style="position:relative;display:block;">';
            if (data[i].ssc == 1) {
              ul += '<i class="zimgs"></i>';
            }
            ul += '<img src="http://hy.yungoucms.cn/statics/uploads/' + data[i].thumb + '"></span></a>';
            ul += '<div style="margin-top:15px;" class="goodsListR">';
            ul += '<h2 id="' + data[i].id + '">' + data[i].title + '</h2>';
            ul += '<p class="price">Value : <em class="arial gray">₹' + data[i].money + ' </em></p>';
            ul += '</div>';
            ul += '<div class="pRate item_bottom_container">';
            ul += '<div class="Progress-bar jdt_container" id="' + data[i].id + '">';
            ul += '<div style="color:#646464;margin-top:2px;">';
            var num = (data[i].canyurenshu / data[i].zongrenshu) * 100;
            var shengyu = data[i].zongrenshu - data[i].canyurenshu;
            num = num.toFixed(2);
            ul += '</div>';

            ul += '<p class="u-progress jdt" style="margin-left:0;"><span class="pgbar" style="width:' + num + '%;"><span class="pging"></span></span></p>';
            ul += '<ul class="Pro-bar-li">';
            ul += '<li class="P-bar01"><em>' + data[i].canyurenshu + '</em></li>';
            ul += '<li class="P-bar02"><em>' + data[i].zongrenshu + '</em></li>';
            ul += '<li class="P-bar03"><em>' + data[i].shenyurenshu + '</em></li>';
            ul += '</ul></div>';
            ul += '<div class="buy_container"><div class="star ' + data[i].current + '" codeid="' + data[i].id + '" onClick="collect(this)"></div><a class="btn_ljcy" href="javascript:;" codeid="' + data[i].id + '">Buy</a><div class="btn_buy">';
            ul += '<a class="add " codeid="' + data[i].id + '" href="javascript:;"></a>';
            ul += '</div></div></div></li></ul>';
            $("#divGoodsLoading").before(ul);
          }
          if (data[0].page <= data[0].sum) {
            $("#btnLoadMore").css('display', 'block');
            $("#btnLoadMore2").css('display', 'none');
            $("#btnLoadMore3").css('display', 'none');
          } else if (data[0].page > data[0].sum) {
            $("#btnLoadMore").css('display', 'none');
            $("#btnLoadMore2").css('display', 'none');
            $("#btnLoadMore3").css('display', 'block');
          }
        } else {
          $("#btnLoadMore").css('display', 'none');
          $("#btnLoadMore2").css('display', 'block');
          $("#btnLoadMore3").css('display', 'none');
        }
      });
    }

    $(document).ready(function () {
      //即将获得,人气,最新,价格 
      $("#ulOrder li").click(function () {
        var l = $(this).index();
        $("#ulOrder li").removeClass().eq(l).addClass('current');
        var parm = $("#ulOrder li").eq(l).attr('order');
        $("#divGoodsLoading").css('display', 'block');
        $(".goodsList ul").remove();
        var init = init_json("list/" + parm);
      });
      //商品分类
      $("#divSort").click(function () {
        $(".select-total").slideToggle(200);
        event.stopPropagation();
      });
      $(".select-total").click(function () {
        event.stopPropagation();
      });
      //全选 
      $(".special input:checkbox").on('click', function () {
        $(".sort_list li input:checkbox").prop("checked", $(this).prop('checked'));
      });


      //加载更多
      //自动加载
      $(window).scroll(function () {
        if ($(document).height() - $(this).scrollTop() - $(this).height() < 1 && $('#btnLoadMore').css('display') != 'none') {
          var url = $("#urladdress").val(),
            page = $("#pagenum").val();
          if (url) {
            init_json(url + '/' + page);
          } else {
            return;
          }
        }
      });

      $(document).on('click', '.btn_ljcy', function () {
        var shopid = $(this).attr('codeid');
        var t = $(this);
        var A = ($(window).width()) / 2 - t.offset().left - 127;
        $.getJSON('http://hy.yungoucms.cn/?/mobile/ajax/addShopCart/' + shopid + '/1', function (data) {
          if (data.code == 0) {
            window.location.href = 'http://hy.yungoucms.cn/?/mobile/cart/cartlist';
          }
        });
      })

      function addsuccess(dat) {
        $("#pageDialogBG .Prompt").text("");
        var w = ($(window).width() - 255) / 2,
          h = ($(window).height() - 45) / 2;
        $("#pageDialogBG").css({ top: h, left: w, opacity: 0.8 });
        $("#pageDialogBG").stop().fadeIn(1000);
        $("#pageDialogBG .Prompt").append('<s></s>' + dat);
        $("#pageDialogBG").fadeOut(1000);
        //购物车数量
        // $.getJSON('http://hy.yungoucms.cn/?/mobile/ajax/cartnum', function (data) {
        //   $("#btnCart").append('<em>' + data.num + '</em>');
        // });
      }
      //跳转页面
      var gt = '.goodsList span,.goodsList h2,.goodsList .Progress-bar';
      $(document).on('click', gt, function () {
        var id = $(this).attr('id');
        if (id) {
          window.location.href = "http://hy.yungoucms.cn/?/mobile/mobile/item/" + id;
        }
      });

    });
    $(document).click(function () {

      $(".select-total").fadeOut();
    });

  </script>
  <script src="./云购海外版_files/jquery.fly.min.js"></script>
  <script>
    //添加到购物车
    $(document).on("click", '.add', function (event) {
      var offset = $("#btnCart").offset();
      var codeid = $(this).attr('codeid');
      var addcar = $(this);
      var addcarparent = $(this).parent().parent().parent();
      var img = addcar.parent().parent().parent().parent().find('img').attr('src');
      var flyer = $('<img class="u-flyer" src="' + img + '">');
      flyer.fly({
        start: {
				// < !--left: event.pageX, -- >
        left: addcarparent.offset().left + 80,
        top: event.clientY - 200
			},
      end: {
      left: offset.left,
      top: offset.top - $(document).scrollTop() + $("#btnCart").height(),
      width: 0,
      height: 0
    },
      onEnd: function () {
        $.getJSON('http://hy.yungoucms.cn/?/mobile/ajax/addShopCart/' + codeid + '/1', function (data) {
          if (data.code == 1) {
						// < !--addsuccess('Add failure'); -->
					} else if (data.code == 0) {
            var htm = "<em>" + data.num + "</em>";
            $("#btnCart").html(htm);
						//  < !--addsuccess('Add success'); -->
					 } return false;
        });
        this.destory();
      }
		});
	});

    $(document).ready(function () {

      var ua = navigator.userAgent.toLowerCase();
      if (ua.match(/MicroMessenger/i) == "micromessenger") {
        if (localStorage.getItem('wxname') != '1') {
          $('.top-wx').show();
        }
      }
    });
    $('.top-wx .wx-com').click(function () {
      $('.piaowx').show();
    });
    $('.piaowx img,.piaowx').click(function () {
      $('.piaowx').hide();
    });
    $('.top-wx .wx-right').click(function () {
      $('.top-wx').hide();
      localStorage.setItem('wxname', '1');
    });
  </script>
  <script type="text/javascript" src="./云购海外版_files/IndexQuFun.js"></script>
  <div id="pageDialogBG" class="pageDialogBG">
    <div class="Prompt"></div>
  </div>
</body>

</html>